<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="template.xhtml">
   <!--  <f:loadBundle basename="mensajes" var="msgs" />-->
    <ui:define name="menu">
       <ui:include src="menu-supervisor.xhtml"/>
    </ui:define>
	<ui:define name="content">
	
		<h:form class="form-tabla">
		    <table>
		        <tr>
		            <td><h:outputLabel for="cmbCentroCosto"
							value="#{msgs['supervisor-administrar.centro-costo']}" /></td>
		            <td>
			            <h:selectOneMenu id="cmbCentroCosto" value="#{consultarGastosBean.centroCostoSel}"
			                             label="#{msgs['supervisor-administrar.centro-costo']}">  
			                <f:selectItem       itemValue="0" itemLabel="- Ninguno -" />             
	                        <f:selectItems 
	                					value="#{consultarGastosBean.centroCostoList}" 
	                					var="w" 
	                					itemLabel="#{w.nombre}" 
	                					itemValue="#{w.id}" />
	                    </h:selectOneMenu>
                    </td>	
                </tr>
                <tr>
                    <td><h:outputLabel for="cmbEmpleado"
							value="#{msgs['supervisor-administrar.nombre-empleado']}" /></td>
                    <td>
	                    <h:selectOneMenu id="cmbEmpleado" value="#{consultarGastosBean.empleadoSel}"
	                                     label="#{msgs['supervisor-administrar.nombre-empleado']}">   
	                        <f:selectItem       itemValue=" " itemLabel="- Ninguno -" />            
	                        <f:selectItems 
	                					value="#{consultarGastosBean.empleadoList}" 
	                					var="w" 
	                					itemLabel="#{w.apellido}, #{w.nombre}" 
	                					itemValue="#{w.nickname}" />
	                    </h:selectOneMenu>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td><h:commandButton id="btnBuscar"	value="Buscar" action="#{consultarGastosBean.buscar}" /></td>
		        </tr>
		    </table>
		    <h:dataTable value="#{consultarGastosBean.gastos}" var="g">
		    	
			    <h:column>
			        <f:facet name="header"> <h:outputText value="#{msgs['alta-gasto.fecha-realizacion']}" /> </f:facet>
			        <h:outputText value="#{g.fecha}"/>
			    </h:column>
			    <h:column>
			        <f:facet name="header"> <h:outputText value="#{msgs['alta-gasto.fecha-carga']}" /> </f:facet>
			        <h:outputText value="#{g.fechaCreacion}"/>
			    </h:column>
			    <h:column>
			        <f:facet name="header"> <h:outputText value="#{msgs['alta-gasto.fecha-solicitud']}" /> </f:facet>
			        <h:outputText value="#{g.solicitudGasto.fechaAprobacion}"/>
			    </h:column>
			    <h:column>
			        <f:facet name="header"> <h:outputText value="#{msgs['solicitar-aprobacion.centro-costo']}" /> </f:facet>
			        <h:outputText value="#{g.solicitudGasto.centroCosto.nombre}"/>
			    </h:column>
			    <h:column>
			        <f:facet name="header"> <h:outputText value="#{msgs['solicitar-aprobacion.descripcion']}" /> </f:facet>
			        <h:outputText value="#{g.solicitudGasto.descripcion}"/>
			    </h:column>
			    <h:column>
			        <f:facet name="header"> <h:outputText value="#{msgs['solicitar-aprobacion.importe']}" /> </f:facet>
			        <h:outputText value="#{g.importe}"/>
                </h:column>
                <h:column>
			        <f:facet name="header"> <h:outputText value="#{msgs['supervisor-administrar.nombre-empleado']}" /> </f:facet>
			        <h:outputText value="#{g.solicitudGasto.empleado.apellido}, #{g.solicitudGasto.empleado.nombre}"/>
                </h:column>
                <h:column>
			        <f:facet name="header"> <h:outputText value="#{msgs['empleado-consultar.supervisor']}" /> </f:facet>
			        <h:outputText value="#{g.solicitudGasto.supervisor.apellido}, #{g.solicitudGasto.supervisor.nombre}"/>
                </h:column>
                
			</h:dataTable>
		</h:form>
	</ui:define>

</ui:composition>
</html>